<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<!-- 引入样式 -->
<link rel="stylesheet" href="resource/style/css/elementui.css">

<script src="resource/js/vue2.js"></script>
<!-- 引入组件库 -->
<script src="resource/js/elementui.js"></script>

<body>
    <div id="app">
        <div class="filter">
            <el-form :inline="true" :model="filter" class="demo-form-inline">
                <el-form-item label="客户名称">
                    <el-input v-model="filter.distDate" placeholder=""></el-input>
                </el-form-item>
                <el-form-item label="行业">
                    <el-input v-model="filter.industry" placeholder=""></el-input>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" @click="select">查询</el-button>
                </el-form-item>
                
            </el-form>
        </div>
        <div class="customTable">
            <el-table :data="tableData" stripe style="width: 100%">
                <el-table-column type="selection" width="55">
                </el-table-column>
                <el-table-column prop="customName" label="客户名称" width="160">
                </el-table-column>
                <el-table-column prop="contact" label="联系人" width="100">
                </el-table-column>
                <el-table-column prop="phone" label="联系方式" width="160">
                </el-table-column>
                <el-table-column prop="industry" label="行业" width="120">
                </el-table-column>
                <el-table-column prop="level" label="客户级别" width="80">
                </el-table-column>
                <el-table-column prop="last" label="最后一次跟进" width="180">
                </el-table-column>
                <el-table-column prop="last" label="最后一次来访时间" width="180">
                </el-table-column>
                <el-table-column prop="last" label="预计签约日期" width="160">
                </el-table-column>

            </el-table>
        </div>
       
    </div>
    <script>
        new Vue({
            el: '#app',
            data() {
                return {
                    filter: {
                        distDate: '',
                        industry: '',
                        staff: ''
                    },
                    tableData: [
                    //     {
                    //     customName:'',
                    //     contact:'',
                    //     phone: '',
                    //     industry: '',
                    //     last: ''
                    // }
                ]
                }
            },
            methods: {
                select() {
                    console.log('submit!');
                }
            }
        })
    </script>
</body>

</html>